(function($){
	$.extend($.fn,{
		hdslide:function(o){
			var o = o || {};
			var width = o.width || 750;
			var height = o.height || 340;
			var _this = $(this);
			var imgsLen = $('.imgs a').length;
			createTree();
			_this.css({
				width:width+'px',
				height:height+'px'
			});
			aliWidth = 15*imgsLen;
			$('.slideFooter').css({
				width:aliWidth+'px',
				left:width/2-aliWidth/2+'px'
			})
			var oIndex = 0;  //默认索引为0的图片显示
			var  aLis =$('.slideFooter li'); //所有的小圆点集合
			var t=null; 	//临时变量，用来存储定时器
			$('.next').click(function(){
				run();
			})
			//点击下一张按钮触发的事件
			$('.prev').click(function(){
				oIndex--;
				if(oIndex<0){
					oIndex=2;
				}
				$('.imgs a').eq(oIndex).siblings().stop().animate({
					opacity:0
				})
				$('.imgs a').eq(oIndex).stop().animate({
					opacity:1
				})
				aLis.eq(oIndex).addClass('slideActive').siblings().removeClass('slideActive');
			})
			//点击上一张按钮触发的事件
			aLis.mouseover(function(){
				oIndex=$(this).index();
				aLis.eq(oIndex).addClass('slideActive').siblings().removeClass('slideActive');
				$('.imgs a').eq(oIndex).siblings().stop().animate({
					opacity:0
				})
				$('.imgs a').eq(oIndex).stop().animate({
					opacity:1
				})
			})
			//点击小圆点触发的事件
			t=setInterval(function(){
				run();
			},2000);
			//定时器，开始定时器
			$('#slide').mouseover(function(){
				clearInterval(t);
			})
			//鼠标移入到轮播图区域，清除定时器
			$('#slide').mouseout(function(){
				t=setInterval(function(){
				run();
				},2000);
			})
			//鼠标移出轮播图区域，开始定时器
			function run(){
				//运行下一张图片切换的代码
				oIndex++;
				if(oIndex>2){
					oIndex=0;
				}
				$('.imgs a').eq(oIndex).siblings().stop().animate({
					opacity:0
				})
				$('.imgs a').eq(oIndex).stop().animate({
					opacity:1
				})
				aLis.eq(oIndex).addClass('slideActive').siblings().removeClass('slideActive');
			}
			function createTree(){
				var str='<a class="prev" href="javascript:;" ></a><a href="javascript:;" class="next"></a>';
				_this.append(str);
				var str2='<ul class="slideFooter"><li class="slideActive"><a href="javascript:;">1</a></li>';
				for(var i=0;i<imgsLen-1;i++){
					str2+='<li class=""><a href="javascript:;">2</a></li>';
				}
				str2+='</ul>';
				_this.append(str2);
			}
		}
	})
})(jQuery)
